/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .part.activitybar {
	width: 48px;
}

.monaco-workbench.windows .part.activitybar,
.monaco-workbench.linux .part.activitybar,
.monaco-workbench.web .part.activitybar {
	/*
	 * Explicitly put the part onto its own layer to help Chrome to
	 * render the content with LCD-anti-aliasing. By partioning the
	 * workbench into multiple layers, we can ensure that a bad
	 * behaving part is not making another part fallback to greyscale
	 * rendering.
	 *
	 * macOS: does not render LCD-anti-aliased.
	 */
	transform: translate3d(0px, 0px, 0px);
}

.monaco-workbench .activitybar > .content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.monaco-workbench .activitybar > .content .monaco-action-bar {
	text-align: left;
	background-color: inherit;
}

.monaco-workbench .activitybar .action-item:focus {
	outline: 0 !important; /* activity bar indicates focus custom */
}

.monaco-workbench .activitybar > .content > .composite-bar > .monaco-action-bar .action-label.toggle-more {
	mask: url('ellipsis-activity-bar.svg') no-repeat 50% 50%;
	-webkit-mask: url('ellipsis-activity-bar.svg') no-repeat 50% 50%;
}

.monaco-workbench .activitybar .global-activity .monaco-action-bar .action-label.update-activity {
	mask: url('settings-activity-bar.svg') no-repeat 50% 50%;
	-webkit-mask: url('settings-activity-bar.svg') no-repeat 50% 50%;
}

.monaco-workbench .activitybar > .content > .composite-bar {
	margin-bottom: auto;
}

.monaco-workbench .activitybar .menubar {
	width: 100%;
	height: 35px;
}

.monaco-workbench .activitybar .menubar.compact .toolbar-toggle-more {
	width: 100%;
	height: 35px;
}
